@charset "UTF-8";
body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, textarea, button, th, td, menu {
  margin: 0;
  padding: 0; }

* {
  box-sizing: border-box; }

ul, dl, ol {
  list-style: none; }

img, fieldset, input[type="submit"] {
  border: 0 none; }

em {
  font-style: normal; }

strong {
  font-weight: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button, input[type="button"] {
  cursor: pointer;
  border: 0 none; }

a, button, input, img {
  -webkit-touch-callout: none; }

img {
  /*pointer-events:none;*/
  /*禁止图片的点击事件，例如长按保存图片*/ }

input, select, textarea {
  outline: none; }

a {
  text-decoration: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear {
  clear: both; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

html, body {
  /*禁止用户选择元素*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  /*禁止元素点击出现半透明黑色背景*/
  -webkit-tap-highlight-color: transparent; }

html {
  height: 100%;
  width: 100%;
  font-family: "黑体","Source Han Sans","Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", "sans-serif";
  outline: 0;
  -webkit-text-size-adjust: none; }

body {
  height: 100%;
  margin: 0;
  position: relative;
  overflow: hidden; }

@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont.eot?t=1518051593317");
  /* IE9*/
  src: url("../fonts/iconfont.eot?t=1518051593317#iefix") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("../fonts/iconfont.ttf?t=1518051593317") format("truetype"), url("../fonts/iconfont.svg?t=1518051593317#iconfont") format("svg");
  /* iOS 4.1- */ }

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-shangchuan:before {
  content: "\e600"; }

.icon-msnui-dianpu:before {
  content: "\e6cb"; }

.icon-liwu:before {
  content: "\e654"; }

.icon-qqkongjian:before {
  content: "\e62e"; }

.icon-arrow-left:before {
  content: "\e645"; }

.icon-pengyouquan:before {
  content: "\e7be"; }

.icon-53:before {
  content: "\e637"; }

.icon-8zijinjilu:before {
  content: "\e883"; }

.icon-qq:before {
  content: "\e623"; }

.icon-gouwugouwuchedinggou:before {
  content: "\e682"; }

.icon-gouwudai401:before {
  content: "\e687"; }

.icon-error:before {
  content: "\e613"; }

.icon-erweima:before {
  content: "\e642"; }

.icon-duihao:before {
  content: "\e625"; }

.icon-xiaolian:before {
  content: "\e635"; }

.icon-kulian:before {
  content: "\e636"; }

.icon-xinlangweibo:before {
  content: "\e627"; }

.icon-lianjie00:before {
  content: "\e70a"; }

.icon-shouji:before {
  content: "\e658"; }

.icon-QQ:before {
  content: "\e60f"; }

.icon-wechat:before {
  content: "\e66a"; }

.icon-liaotian:before {
  content: "\e63c"; }

.icon-youjiantou:before {
  content: "\e678"; }

.icon-gantanhao:before {
  content: "\e601"; }

.web2 {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: #f3f4f6;
  transform: translateX(-100%);
  transition: all 1s; }
  .web2 header {
    display: flex;
    align-items: center;
    background: #f7f7f7;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #c1c1c1; }
    .web2 header .cancel {
      font-size: 16px;
      position: absolute;
      left: 10px;
      color: #999999; }
    .web2 header .title {
      font-size: 20px;
      flex-grow: 1;
      text-align: center; }
  .web2 section {
    padding-top: 15px; }
    .web2 section .logo_all2 {
      width: 100%; }
      .web2 section .logo_all2 .logo2 {
        width: 22%;
        margin: 0 auto;
        padding-bottom: 3px; }
        .web2 section .logo_all2 .logo2 img {
          width: 100%; }
      .web2 section .logo_all2 .name2 {
        width: 22%;
        margin: 0 auto;
        padding-bottom: 5px; }
        .web2 section .logo_all2 .name2 img {
          width: 100%; }
      .web2 section .logo_all2 .logo_title2 {
        width: 44%;
        margin: 0 auto; }
        .web2 section .logo_all2 .logo_title2 img {
          width: 100%; }
      .web2 section .logo_all2 .line2 {
        width: 44%;
        margin: 0 auto; }
        .web2 section .logo_all2 .line2 img {
          width: 100%; }
    .web2 section form .input_box {
      background: #fff;
      width: 90%;
      margin: 0 auto;
      font-size: 16px;
      border: 1px solid #dfdfdd;
      margin-top: 12px; }
      .web2 section form .input_box .account {
        border-bottom: 1px solid #dfdfdd; }
      .web2 section form .input_box div {
        padding-left: 10px; }
        .web2 section form .input_box div span {
          margin-right: 15px; }
        .web2 section form .input_box div input {
          font-size: 18px;
          border: none;
          padding-top: 19px;
          padding-bottom: 19px; }
          .web2 section form .input_box div input::-webkit-input-placeholder {
            color: #e1e1e1; }
    .web2 section form .enter {
      width: 90%;
      margin: 0 auto;
      background: #d62d31;
      text-align: center;
      color: #fff;
      border-radius: 9px;
      overflow: hidden;
      padding-top: 8px;
      padding-bottom: 8px;
      font-size: 18px;
      margin-top: 25px; }
    .web2 section form .register_and_forget {
      width: 90%;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 16px;
      color: #999999; }
      .web2 section form .register_and_forget span {
        margin-top: 15px; }
    .web2 section form .mistake {
      position: absolute;
      top: 38%;
      width: 100%;
      display: none; }
      .web2 section form .mistake .close_box {
        text-align: right;
        width: 95%;
        padding-right: 10px;
        margin-bottom: 35px; }
        .web2 section form .mistake .close_box i {
          font-size: 18px;
          width: 30px;
          height: 30px;
          border-radius: 50%;
          background: #d2d2d2; }
      .web2 section form .mistake .mistake_box {
        background: #000;
        opacity: .75;
        width: 50%;
        margin: 0 auto;
        text-align: center;
        color: #d6d6d6;
        font-size: 0;
        border-radius: 14px;
        padding-bottom: 12px;
        padding-top: 12px; }
        .web2 section form .mistake .mistake_box i {
          font-size: 50px; }
        .web2 section form .mistake .mistake_box p {
          font-size: 22px; }
  .web2 footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 0;
    color: #999999;
    padding-top: 12px;
    padding-bottom: 12px; }
    .web2 footer .wechat {
      font-size: 16px; }
      .web2 footer .wechat i {
        font-size: 18px;
        color: #08bb13;
        margin-right: 8px; }
      .web2 footer .wechat::after {
        content: "";
        width: 1px;
        height: 41px;
        background: #dedede;
        position: absolute;
        top: 5px;
        right: 50%;
        display: block; }
    .web2 footer .QQ {
      font-size: 16px; }
      .web2 footer .QQ i {
        font-size: 18px;
        color: #57a6fe;
        margin-right: 8px; }

.web3 {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: #f3f4f6;
  transform: translateX(-100%);
  transition: all 1s; }
  .web3 header {
    display: flex;
    align-items: center;
    background: #f7f7f7;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #c1c1c1; }
    .web3 header .cancel {
      font-size: 16px;
      position: absolute;
      left: 10px;
      color: #999999; }
    .web3 header .title {
      font-size: 20px;
      flex-grow: 1;
      text-align: center; }
  .web3 section {
    position: relative;
    width: 100%; }
    .web3 section form {
      width: 91%;
      margin: 0 auto; }
      .web3 section form .phone {
        border: 1px solid #dfdfdd;
        background: #fff;
        font-size: 14px;
        padding: 12px 0 12px 10px;
        margin-top: 15px; }
        .web3 section form .phone input {
          margin-left: 5px;
          border: none; }
          .web3 section form .phone input::-webkit-input-placeholder {
            color: #ccc; }
      .web3 section form .code_box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 15px; }
        .web3 section form .code_box .code {
          width: 64%;
          border: 1px solid #dfdfdd;
          background: #fff;
          padding-top: 12px;
          padding-bottom: 12px;
          padding-left: 10px;
          font-size: 14px; }
          .web3 section form .code_box .code input {
            margin-left: 20px;
            width: 62%;
            border: none; }
            .web3 section form .code_box .code input::-webkit-input-placeholder {
              color: #ccc; }
        .web3 section form .code_box .gain {
          width: 32%;
          border: 1px solid #dfdfdd;
          background: #fff;
          padding-top: 12px;
          padding-bottom: 12px;
          padding-left: 10px;
          padding-right: 10px;
          font-size: 14px; }
      .web3 section form .details {
        border: 1px solid #dfdfdd;
        background: #fff;
        margin-top: 15px; }
        .web3 section form .details div {
          font-size: 14px;
          padding: 12px 0 12px 10px;
          border-bottom: 1px solid #dfdfdd; }
          .web3 section form .details div:last-child {
            border-bottom: none; }
          .web3 section form .details div input {
            border: none;
            margin-left: 5px; }
            .web3 section form .details div input::-webkit-input-placeholder {
              color: #ccc; }
    .web3 section .agreement {
      width: 91%;
      margin: 0 auto;
      display: flex;
      justify-content: flex-start;
      font-size: 0;
      margin-top: 15px; }
      .web3 section .agreement .agree {
        width: 20px;
        height: 20px;
        border: 1px solid #d62d31;
        color: #d62d31;
        text-align: center;
        font-size: 16px; }
        .web3 section .agreement .agree i {
          font-weight: bold; }
      .web3 section .agreement p {
        font-size: 14px;
        margin-left: 10px; }
        .web3 section .agreement p span {
          color: #d62d31;
          margin-left: 3px; }
    .web3 section .accomplish {
      width: 91%;
      margin: 0 auto;
      background: #d62d31;
      border-radius: 8px;
      font-size: 18px;
      color: #fff;
      text-align: center;
      padding-top: 12px;
      padding-bottom: 12px;
      margin-top: 20px; }
    .web3 section .send {
      width: 100%;
      margin: 0 auto;
      position: absolute;
      top: 0;
      display: none; }
      .web3 section .send .close_box {
        text-align: right;
        width: 95%;
        padding-right: 10px;
        margin-bottom: 20px; }
        .web3 section .send .close_box i {
          font-size: 18px;
          width: 30px;
          height: 30px;
          border-radius: 50%;
          background: #d2d2d2; }
      .web3 section .send .send_success {
        background: #000;
        opacity: .75;
        width: 60%;
        margin: 0 auto;
        text-align: center;
        color: #d6d6d6;
        font-size: 0;
        border-radius: 14px;
        padding-bottom: 8px;
        padding-top: 8px;
        padding-left: 10px;
        padding-right: 10px; }
        .web3 section .send .send_success i {
          font-size: 50px; }
        .web3 section .send .send_success p {
          font-size: 22px; }

.web4 {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: #f3f4f6;
  transform: translateX(-100%);
  transition: all 1s; }
  .web4 header {
    display: flex;
    align-items: center;
    background: #f7f7f7;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #c1c1c1; }
    .web4 header .cancel {
      font-size: 16px;
      position: absolute;
      left: 10px;
      color: #999999; }
    .web4 header .title {
      font-size: 20px;
      flex-grow: 1;
      text-align: center; }
  .web4 section {
    width: 100%; }
    .web4 section .found {
      width: 91%;
      margin: 0 auto;
      margin-top: 15px; }
      .web4 section .found form .found_box {
        font-size: 15px;
        border: 1px solid #dfdfdd;
        padding: 12px 0 12px 10px;
        background: #fff; }
        .web4 section .found form .found_box input {
          border: none;
          width: 71%; }
          .web4 section .found form .found_box input::-webkit-input-placeholder {
            color: #e1e1e1; }
      .web4 section .found form .open {
        text-align: center;
        background: #d62d31;
        color: #fff;
        font-size: 18px;
        border-radius: 8px;
        margin-top: 20px;
        padding-top: 10px;
        padding-bottom: 10px; }

.web5 {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: #f3f4f6;
  transform: translateX(-100%);
  transition: all 1s; }
  .web5 header {
    display: flex;
    align-items: center;
    background: #f7f7f7;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #c1c1c1; }
    .web5 header .cancel {
      font-size: 16px;
      position: absolute;
      left: 10px;
      color: #999999; }
    .web5 header .title {
      font-size: 20px;
      flex-grow: 1;
      text-align: center; }
  .web5 section {
    position: relative;
    width: 100%; }
    .web5 section form {
      width: 91%;
      margin: 0 auto; }
      .web5 section form .phone {
        border: 1px solid #dfdfdd;
        background: #fff;
        font-size: 14px;
        padding: 12px 0 12px 10px;
        margin-top: 15px; }
        .web5 section form .phone input {
          margin-left: 5px;
          border: none; }
          .web5 section form .phone input::-webkit-input-placeholder {
            color: #ccc; }
      .web5 section form .code_box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 15px; }
        .web5 section form .code_box .code {
          width: 64%;
          border: 1px solid #dfdfdd;
          background: #fff;
          padding-top: 12px;
          padding-bottom: 12px;
          padding-left: 10px;
          font-size: 14px; }
          .web5 section form .code_box .code input {
            margin-left: 20px;
            width: 62%;
            border: none; }
            .web5 section form .code_box .code input::-webkit-input-placeholder {
              color: #ccc; }
        .web5 section form .code_box .gain {
          width: 32%;
          border: 1px solid #dfdfdd;
          background: #fff;
          padding-top: 12px;
          padding-bottom: 12px;
          padding-left: 10px;
          padding-right: 10px;
          font-size: 14px; }
      .web5 section form .details {
        border: 1px solid #dfdfdd;
        background: #fff;
        margin-top: 15px; }
        .web5 section form .details div {
          font-size: 14px;
          padding: 12px 0 12px 10px;
          border-bottom: 1px solid #dfdfdd; }
          .web5 section form .details div:last-child {
            border-bottom: none; }
          .web5 section form .details div input {
            border: none;
            margin-left: 5px; }
            .web5 section form .details div input::-webkit-input-placeholder {
              color: #ccc; }
    .web5 section .accomplish {
      width: 91%;
      margin: 0 auto;
      background: #d62d31;
      border-radius: 8px;
      font-size: 18px;
      color: #fff;
      text-align: center;
      padding-top: 12px;
      padding-bottom: 12px;
      margin-top: 20px; }
    .web5 section .send {
      width: 100%;
      margin: 0 auto;
      position: absolute;
      top: 0;
      display: none; }
      .web5 section .send .close_box {
        text-align: right;
        width: 95%;
        padding-right: 10px;
        margin-bottom: 20px; }
        .web5 section .send .close_box i {
          font-size: 18px;
          width: 30px;
          height: 30px;
          border-radius: 50%;
          background: #d2d2d2; }
      .web5 section .send .send_success {
        background: #000;
        opacity: .75;
        width: 60%;
        margin: 0 auto;
        text-align: center;
        color: #d6d6d6;
        font-size: 0;
        border-radius: 14px;
        padding-bottom: 8px;
        padding-top: 8px;
        padding-left: 10px;
        padding-right: 10px; }
        .web5 section .send .send_success i {
          font-size: 50px; }
        .web5 section .send .send_success p {
          font-size: 22px; }

.web {
  width: 100%;
  height: 100%; }

.bg {
  background: url(../images/bg.png) no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  opacity: .2;
  height: 100%;
  position: relative; }

.logo_all {
  position: absolute;
  top: 33%;
  width: 100%; }
  .logo_all .logo {
    width: 22%;
    height: 11%;
    margin: 0 auto;
    padding-bottom: 3px; }
    .logo_all .logo img {
      width: 100%; }
  .logo_all .name {
    width: 22%;
    margin: 0 auto;
    padding-bottom: 5px; }
    .logo_all .name img {
      width: 100%; }
  .logo_all .logo_title {
    width: 44%;
    margin: 0 auto; }
    .logo_all .logo_title img {
      width: 100%; }
  .logo_all .line {
    width: 44%;
    margin: 0 auto; }
    .logo_all .line img {
      width: 100%; }

.login_and_registration {
  position: absolute;
  bottom: 30px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }
  .login_and_registration .login {
    width: 38%;
    border: 2px solid #d62d31;
    padding-top: 3%;
    padding-bottom: 2%;
    border-radius: 8px;
    font-size: 18px;
    color: #d62d31;
    background: #fff;
    margin-right: 34px; }
  .login_and_registration .registration {
    width: 38%;
    border: 2px solid #d62d31;
    padding-top: 3%;
    padding-bottom: 2%;
    border-radius: 8px;
    font-size: 18px;
    color: #d62d31;
    background: #fff; }
  .login_and_registration .active {
    background: #d62d31;
    color: #fff; }
